﻿ @model HomeCareLibrary.Models.ArticlesModel

@if (Model != null)
{
   

    ViewBag.Title = "Article";
    ViewBag.Description = Model.article_meta_desc;
    ViewBag.Keywords = Model.article_meta_key;
} @if (Model != null)
    {   <div class="main-content-inn">
                <div class="articles_4">
                    <div class="article_page">
                        <div class="media_rc media_artical white-box ">
                            <div class="checklist_part checklist_part3">
                                <span class="in_title marginTitle">@Model.article_title</span>
                                <br>
                                <div class="data_main">
                                    <div class="middle_part">
                                        <div class="clearfix">
                                            <div class="left-img">
                                                <img class="img-responsive" src="@Model.article_big_image" alt="@Model.article_big_image">
                                            </div>
                                            <p>@(Html.Raw(Model.article_bottom_content))</p>
                                            <span class="checklist-img">
                                                @{ Html.RenderPartial("google-link-unit-2"); }
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="media_rc add_img text-center">
                                @*@{ Html.RenderPartial("google-ad-unit-wide-2"); }*@
                            </div>
                            <h3 class="media_artical-head">Related Articles . . . </h3>
                            @foreach (var item in Model.listArtical)
                            {
                                <div class="media_artical media_rc media">
                                    <a class="pull-left ui-link" href="#">
                                        <img alt="" class="media-object" src="@item.article_small_image_icon"></a>
                                    <div class="media-body">
                                        <h4 class="media-heading">@item.article_title</h4>
                                        <span class="media-data">@Html.Raw(item.article_summary)</span>
                                        <span class="media-more">
                                             <a   data-name="@Model.Feature_name.Trim().Replace(" ", "-").ToLower()" href="javascript:void(0)" data-task ="@item.article_title.Trim().Replace(" ", "-")" class="ui-link articles">more <small>&#9654;</small></a>
                                        </span>
                                    </div>
                                </div>
                            }
                            <div class="media_rc add_img text-center">
                               @* @{ Html.RenderPartial("google-ad-unit-wide-2"); }*@
                            </div>
                        </div>
                    </div>
                </div>
                <div class="title_btm">
                    <h2>Home Care Library</h2>
                    <div class="head-searchbox">
                        <button type="submit" class="search_go"></button>
                        <input type="text" placeholder="Search" id="Search" class="form-control">
                    </div>
                    <div class="panel-title library ">
                        <a class="accordion-toggle collapsed" href="@Url.Action("Index", "Home")">
                            <img src="@Url.Content("~/images/explore-library.png")" class="img-responsive">
                        </a>
                    </div>
                </div>
            </div>
}